<template>
  <div class="main-content">
    <div class="container">
      <router-view></router-view>
    </div>
    <AppFooter></AppFooter>
  </div>
</template>

<script>
import AppFooter from "../AppFooter/index.vue";
export default {
  components: {
    AppFooter
  },
  data() {
    return {};
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.main-content {
  width: calc(100% - #{$base-padding} - #{$base-padding});
  margin: $base-padding auto;
  background: $base-color-white;
  border-radius: $base-border-radius;
  .container {
    padding: $base-padding;
    min-height: $base-app-main-height;
  }
}
</style>
